<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    p:nth-child(3) {
        color: dodgerblue;
    }
    a:nth-of-type(3) {
        color: aqua;
    }
    a {
        display: block;
    }
</style>
<body>
nth-of-type是指定元素类型的元素在其同类型的兄弟节点中的第n个元素；
而nth-child是指定元素类型的元素在兄弟节点的第n个元素，不要求是其同类型的兄弟节点
<p>第 1 个p</p>
<h5>我是h5</h5>
<p>第 2 个p</p>
<p>第 3 个p</p>
<p>第 4 个p</p>

<br><br>

<a>第 1 个a</a>
<h5>我是h5</h5>
<a>第 2 个a</a>
<a>第 3 个a</a>
<a>第 4 个a</a>
</body>
</html>